@import "styl/variable.styl"

page
  font-size 28rpx
  background-color #EEE
  line-height 1.5

.container
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;

view,
view::before,
view::after,
image,
navigator
  box-sizing border-box

.text-muted
  color: #AAA

.text-danger
  color lighten(red,10%)

.text-center
  text-align center

.cover
  background-color white
  border-radius 8rpx
  box-shadow 0 2px 4px 0 rgba(0,0,0,.2)
  padding 30rpx
  margin 20rpx

// common parts
@import "styl/layout.styl"
@import "styl/common.styl"
@import "styl/icon.styl"

// components
@import "styl/component/article.styl"
@import "styl/component/alert.styl"
@import "styl/component/form/button.styl"
@import "styl/component/form/radio-group.styl"

// animations
@import "node_modules/animate.css/source/_base.css"
@import "node_modules/animate.css/source/sliding_entrances/slideInDown.css"
@import "node_modules/animate.css/source/fading_entrances/fadeIn.css"
